<!DOCTYPE html>
<html>
<meta http-equiv="content-type" content="text/html; charset=UTF8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link href="../../d3/css/nv.d3.css" rel="stylesheet" type="text/css">
<style>
body {
    overflow-y: scroll;
}

text {
    font: 12px sans-serif;
}

tr.z-row-over>td.z-row-inner, tr.z-row-over>.z-cell {
    background-color: rgb(255, 255, 255);
}

svg {
    display: block;
}

#chart423 svg {
    height: 275px;
    width: 300px;
    min-width: 100px;
    min-height: 100px;
}
</style>
<body>
 <div id="chart423">
  <svg></svg>
 </div>
 <script src="../../d3/js/d3.v3.min.js"></script>
 <script src="../../d3/js/nv.d3.min.js"></script>
 <script src="../../d3/js/models/legend.js"></script>
 <script src="../../d3/js/models/pie.js"></script>
 <script src="../../d3/js/models/pieChart.js"></script>
 <script src="../../d3/js/utils.js"></script>
 <script>
historicalBarChart = [
{ "key":"Bedminster", "y":8.27},
{ "key":"Middletown", "y":2.36},
{ "key":"Paramus", "y":2.17},
{ "key":"Piscataway", "y":4.89}
];

</script>
 <script src="js/pie_chart.min.js"></script>
</body>
</html>